<div class="row">
  <div class="col-md-7 col-sm-7 col-lg-6">
    <div class="jumbotron ologin">
      <form id="signin" name="loginForm" ng-submit="connect()" class="form-horizontal" novalidate>
        <fieldset>
          <div class="form-group">
            <label class="control-label col-md-2 col-sm-2">Database</label>

            <div class="col-md-4 col-sm-4">
              <select id="database-selection" ng-model="database" class="form-control" required
                      ng-options="i for i in databases">
              </select>
            </div>
            <div class="col-md-6 col-sm-6">
              <div class="btn-group pull-right">
                <a id="new-database-button" class="btn btn-warning btn-sm btn" ng-click="createNew()"
                   data-title="{{ 'login.newDb' | translate }}"
                   data-animation="am-fade-and-scale" data-container="body"
                   bs-tooltip>
                  <i class="fa fa-plus-circle"></i>
                  New DB
                </a>
                <a id="download-from-cloud" class="btn btn-warning btn-sm" ng-click="importPublic()"
                   data-title="{{ 'login.importDb' | translate }}"
                   data-animation="am-fade-and-scale" data-container="body"
                   bs-tooltip> <i
                  class="fa fa-cloud-download"></i>
                </a>
                <a class="btn btn-warning btn-sm ee-disabled"
                   ng-click="goToImporters()"
                   data-placement="top"
                   data-content="{{ importHint | translate }}"
                   data-trigger="hover" data-delay="100,2000"
                   data-animation="am-fade-and-scale" data-container="body"
                   bs-popover> <i class="fa fa-database">
                </i>
                </a>
                <a id="database-drop-button" class="btn btn-danger btn-sm" ng-click="deleteDb()"
                   data-title="{{ 'login.deleteDb' | translate }}"
                   data-animation="am-fade-and-scale" data-container="body"
                   bs-tooltip>
                  <i class="fa fa-trash-o">
                  </i>
                </a>
              </div>
            </div>
          </div>
          <div class="form-group">
            <label class="control-label col-md-2 col-sm-2">User</label>

            <div class="col-md-10 col-sm-10">
              <input id="user" type="text" class="form-control" required ng-model="username"
                     autofill="autofill" value=""/>
            </div>
          </div>
          <div class="form-group">
            <label class="control-label col-md-2 col-sm-2">Password</label>

            <div class="controls col-md-10 col-sm-10">
              <input id="password" type="password" required class="form-control"
                     ng-model="password"
                     autofill="autofill"
                     value=""/>
            </div>
          </div>
          <div class="form-group">
            <div class="col-md-2 col-sm-2">

            </div>
            <div class="col-md-2 col-sm-2">
              <a class="btn btn-trasparent" tabindex="1"
                 data-trigger="focus" data-placement="bottom"
                 data-container="body"
                 data-content="{{ 'login.help' | translate:link }}" bs-popover>
                <i class="fa fa-question-circle"></i>
              </a>
            </div>
            <div class=" col-md-8 col-sm-8 ">
              <button id="database-connect" type="submit"
                      class="btn btn-sm btn-warning pull-right"
                      rel="tooltip" data-placement="right"
                      data-title="{{ 'login.connectDb' | translate }}"
                      data-animation="am-fade-and-scale" data-container="body"
                      bs-tooltip>
                Connect
              </button>
            </div>
          </div>
        </fieldset>
      </form>
      <div class="alert alert-danger " ng-show="errorMsg">
        <button type="button" class="close" ng-click="errorMsg = null"><span
          aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        {{ errorMsg}}
      </div>
    </div>
  </div>
  <div class="col-md-5 col-sm-5 col-lg-6">
    <news-box [enterprise]="isEE"></news-box>
  </div>

</div>
</div>
